<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="_csrf" content="${_csrf.token}"/>
<!-- default header name is X-CSRF-TOKEN -->
<meta name="_csrf_header" content="${_csrf.headerName}"/>
<!-- ... -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="a log collector that centralize your logs.">

<title>a log collector for you.</title>

<link rel="stylesheet" href="/llapp/myassets/pure-min-9a108ac6ff91842e143af3a243fb5ea3.css">

<!--[if lte IE 8]>
  <link rel="stylesheet" href="/llapp/myassets/grids-responsive-old-ie-min-347472874f51b55240aa940412174f19.css">
<![endif]-->

<!--[if gt IE 8]><!-->
  <link rel="stylesheet" href="/llapp/myassets/grids-responsive-min-ec64c84fb8dd84d56d56648138e5ec23.css">
<!--<![endif]-->

<link rel="stylesheet" href="/llapp/myassets/font-awesome-6c182b58b901603e8d2971a407e6d72e.css">
  
<!--[if lte IE 8]>
    <link rel="stylesheet" href="/llapp/myassets/marketing-old-ie-cfb404cf2352b2fb3b049ccdacbb2259.css">
<![endif]-->
<!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="/llapp/myassets/marking-2ef262634930cc3c2c49aa370339afa4.css">
<!--<![endif]-->
  
</head>
<body>

<div class="header">
    <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
        <a class="pure-menu-heading" href="">日誌聚</a>

        <ul class="pure-menu-list">
<!--             <li class="pure-menu-item pure-menu-selected"><a href="#" class="pure-menu-link">Home</a></li>  -->
            <li class="pure-menu-item"><a href="/llapp" class="pure-menu-link">开始</a></li>
        </ul>
    </div>
</div>

<div class="splash-container">
    <div class="splash">
        <h2 class="splash-head">收集日志于一处。</h2>
        <p class="splash-subhead">
            将服务器产生的各种日志收集起来。
        </p>
        <p>
            <a href="/llapp" class="pure-button pure-button-primary">进入程序</a>
        </p>
    </div>
</div>

<div class="content-wrapper">
    <div class="content">
        <h2 class="content-head is-center">Excepteur sint occaecat cupidatat.</h2>

        <div class="pure-g">
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">

                <h3 class="content-subhead">
                    <i class="fa fa-rocket"></i>
                    Get Started Quickly
                </h3>
                <p>
                    Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
                </p>
            </div>
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                <h3 class="content-subhead">
                    <i class="fa fa-mobile"></i>
                    Responsive Layouts
                </h3>
                <p>
                    Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
                </p>
            </div>
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                <h3 class="content-subhead">
                    <i class="fa fa-th-large"></i>
                    Modular
                </h3>
                <p>
                    Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
                </p>
            </div>
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                <h3 class="content-subhead">
                    <i class="fa fa-check-square-o"></i>
                    Plays Nice
                </h3>
                <p>
                    Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
                </p>
            </div>
        </div>
    </div>
     <div class="footer l-box is-center">
        Made with love. jianglibo@gmail.com
    </div>

</div>


<script type="text/javascript">
function getMetaValue(meta_name) {
    var metas = document.getElementsByTagName("meta");
    for (var i = 0; i < metas.length; i++) {
        if (metas[i].getAttribute('name') === meta_name) {
            return metas[i].content;
        }
    }
    return "N/A";
}

console.log(getMetaValue("_csrf_header"));
console.log(getMetaValue("_csrf"));
</script>

</body>
</html>
